<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
           <!--
           	作者：zyl
           	时间：2017-05-26
           	描述：文本的度量
       measureText()   定义和用法
measureText() 方法返回包含一个对象，该对象包含以像素计的指定字体宽度。(更具字体属性font计算出)
提示：如果您需要在文本向画布输出之前，就了解文本的宽度，那么请使用该方法。

JavaScript 语法：
context.measureText(text).width;
参数值	
参数				描述

text		要测量的文本。
           -->
	<body>
		<canvas id="canvas" style="border: 2px solid #ccc; display: block;margin: 50px auto;">
			
		</canvas>
	</body>
	<script>
		var canvas = document.getElementById("canvas");
			canvas.width =800;
	        canvas.height =800;
			var ctx=canvas.getContext("2d");
			ctx.fillStyle="#058";
			ctx.font="bold 40px Arial";
			var txt="Hello World";
			var textWidth =ctx.measureText(txt).width+"px";//计算
			ctx.fillText("width:" + textWidth,10,50);
			ctx.fillText(txt,10,100);
	</script>
</html>
